React Native Push Notification Library ব্যবহার

React Native Push Notification হল একটি লাইব্রেরি যা React Native অ্যাপে পুশ নোটিফিকেশন পাঠানোর জন্য ব্যবহৃত হয়। এটি ব্যবহার করে আপনি আপনার অ্যাপে ওয়েবসাইট বা অন্যান্য সার্ভার থেকে পুশ নোটিফিকেশন পাঠাতে পারবেন, যা ব্যবহারকারীদের ডিভাইসে নোটিফিকেশন হিসেবে প্রদর্শিত হবে।

নিচে React Native অ্যাপে Push Notification কনফিগার এবং ব্যবহারের জন্য বিস্তারিত স্টেপ বাই স্টেপ গাইড দেওয়া হল।

১. Push Notification Library ইনস্টল করা

প্রথমে, আপনাকে react-native-push-notification লাইব্রেরিটি ইনস্টল করতে হবে। কমান্ডটি রান করুন:

npm install react-native-push-notification

এটি ইনস্টল করার পর, আপনি React Native Firebase বা OneSignal মত থার্ড-পার্টি সার্ভিস ব্যবহার করে পুশ নোটিফিকেশন পাঠানোর জন্য ইন্টিগ্রেট করতে পারেন।

২. Android এবং iOS সেটআপ

Android সেটআপ:

1. AndroidManifest.xml ফাইলে প্রয়োজনীয় পারমিশন এবং সার্ভিস কনফিগার করুন:

   <uses-permission android:name="android.permission.RECEIVE_BOOT_COMPLETED" />
   <uses-permission android:name="android.permission.VIBRATE" />

2. MainApplication.java ফাইলে React Native Push Notification লাইব্রেরি ইম্পোর্ট করুন:

   import com.dieam.reactnativepushnotification.ReactNativePushNotificationPackage;

   তারপর getPackages() মেথডে এই প্যাকেজটি অ্যাড করুন:

   @Override
   protected List<ReactPackage> getPackages() {
     return Arrays.<ReactPackage>asList(
         new MainReactPackage(),
         new ReactNativePushNotificationPackage() // Add this line
     );
   }

iOS সেটআপ:

1. iOS Deployment Target Xcode এ মিনিমাম 10.0 বা তার বেশি সেট করুন।

2. AppDelegate.m ফাইলে পুশ নোটিফিকেশন কনফিগারেশন এবং রেজিস্ট্রেশন করুন।

   #import <UserNotifications/UserNotifications.h>
   
   // Add this in didFinishLaunchingWithOptions method
   UNUserNotificationCenter *center = [UNUserNotificationCenter currentNotificationCenter];
   [center requestAuthorizationWithOptions:(UNAuthorizationOptionAlert + UNAuthorizationOptionSound + UNAuthorizationOptionBadge)
                         completionHandler:^(BOOL granted, NSError * _Nullable error) {
       // handle permission
   }];

৩. Push Notification কনফিগারেশন এবং সেটআপ

React Native Push Notification লাইব্রেরি ব্যবহার করার জন্য কনফিগারেশন করার দরকার:

import React, { useEffect } from 'react';
import PushNotification from 'react-native-push-notification';

const App = () => {

  useEffect(() => {
    // Push Notification কনফিগারেশন
    PushNotification.configure({
      // Android সেটিংস
      onNotification: function(notification) {
        console.log('Notification received: ', notification);
      },
      requestPermissions: true, // ডিভাইসের পারমিশন চাইবে
    });

    // পুশ নোটিফিকেশন সেটিংস
    PushNotification.createChannel(
      {
        channelId: "default-channel", // ইউনিক চ্যানেল আইডি
        channelName: "Default Channel", // চ্যানেলের নাম
        channelDescription: "A default channel", // চ্যানেল বর্ণনা
        playSound: true, // সাউন্ড বাজানোর অপশন
        soundName: "default", // সাউন্ড ফাইল নাম
        importance: 4, // নোটিফিকেশনের গুরুত্ব
        vibrate: true, // কম্পনের অপশন
      },
      (created) => console.log(`createChannel returned '${created}'`) // চ্যানেল তৈরির রেসপন্স
    );

  }, []);

  // পুশ নোটিফিকেশন পাঠানোর ফাংশন
  const sendNotification = () => {
    PushNotification.localNotification({
      channelId: "default-channel",
      title: "Hello!", 
      message: "This is a simple push notification", 
      smallIcon: "ic_notification", // অ্যাপের আইকন
    });
  };

  return (
    <React.Fragment>
      <Button title="Send Notification" onPress={sendNotification} />
    </React.Fragment>
  );
};

export default App;

কনফিগারেশন পয়েন্টস:

• onNotification: এটি নোটিফিকেশন রিসিভ হলে কল হবে এবং আপনি ডিভাইসে নোটিফিকেশন দেখানোর জন্য এটি ব্যবহার করতে পারেন।
• createChannel: এটি Android এ চ্যানেল তৈরি করতে ব্যবহৃত হয়, যা নোটিফিকেশন স্টাইল এবং অর্ডার কন্ট্রোল করতে সাহায্য করে।
• localNotification: এটি স্থানীয়ভাবে ডিভাইসে নোটিফিকেশন পাঠানোর জন্য ব্যবহৃত হয়।

৪. Push Notification Permission চাওয়া

পুশ নোটিফিকেশন ব্যবহার করার জন্য প্রথমে ব্যবহারকারীর অনুমতি নেয়া প্রয়োজন। iOS-এ, আপনি requestPermissions ব্যবহার করতে পারেন, যা কনফিগারেশনের মাধ্যমে নোটিফিকেশন অনুমতি চেয়ে নেবে। Android এ সাধারণত পারমিশন দরকার হয় না, তবে কাস্টম কেসের জন্য PermissionsAndroid ব্যবহার করা যেতে পারে।

import { PermissionsAndroid } from 'react-native';

// Android Permission Request
const requestNotificationPermission = async () => {
  try {
    const granted = await PermissionsAndroid.request(
      PermissionsAndroid.PERMISSIONS.POST_NOTIFICATIONS,
      {
        title: "Push Notification Permission",
        message: "We need access to show push notifications",
      }
    );
    if (granted === PermissionsAndroid.RESULTS.GRANTED) {
      console.log("Notification permission granted");
    } else {
      console.log("Notification permission denied");
    }
  } catch (err) {
    console.warn(err);
  }
};

৫. Push Notification পাঠানো

আপনি যদি সার্ভার থেকে Push Notification পাঠাতে চান, তবে Firebase Cloud Messaging (FCM) বা OneSignal ব্যবহার করতে পারেন।

• FCM (Firebase Cloud Messaging) এর মাধ্যমে আপনি সার্ভার থেকে পুশ নোটিফিকেশন পাঠাতে পারবেন।
• OneSignal একটি আরও সহজ পুশ নোটিফিকেশন সার্ভিস, যা আপনাকে অ্যানালিটিক্স এবং ট্র্যাকিং এর সুবিধা দেয়।

সারাংশ

• React Native Push Notification লাইব্রেরি আপনাকে আপনার React Native অ্যাপে পুশ নোটিফিকেশন পাঠাতে এবং রিসিভ করতে সাহায্য করে।
• এই লাইব্রেরি ব্যবহার করে আপনি নেটিভ পুশ নোটিফিকেশন সেটআপ করতে পারবেন, লেকাল নোটিফিকেশন এবং ব্যাকগ্রাউন্ড নোটিফিকেশন এর মাধ্যমে ব্যবহারকারীকে জানাতে পারবেন।
• createChannel ব্যবহার করে Android এ কাস্টম চ্যানেল তৈরি করতে হবে।